<template>
  <div class="category-test">
    <h2>{{ title }}</h2>
    <slot name="content"></slot>
    <slot name="footer"></slot>
  </div>
</template>

<script>
export default {
name: 'CategoryTest',
props:['title']
}
</script>

<style>
	h2{
		text-align: center;
		background-color: orange;
	}
	video{
		width: 100%;
	}
	img{
		width: 100%;
	}
</style>